<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : nw_200_03.jsp
    Description : CSR 소식 등록/수정 폼.
    author Seung Hun
    since 2012. 8. 8.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 8.     Seung Hun     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/mn/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/co/mn/include/session.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/WEB-INF/jsp/co/mn/include/header.jspf" %>
<script type="text/javaScript" src="/dextuploadfl/DEXTUploadFL.js"></script>
<script type="text/javaScript" language="javascript">
<!--
$(document).ready(function() {    
    /* form validation check */
    onloadCharCheck();
    
    /* 대륙 List Ajax */
    getContCd();
     
    /* List Page 이동 */
    $("#listButn").bind("click", moveListPage);
    /* Form Submit */
    $("#rgstButn").bind("click", blcSubm);
    /* Form 초기화 */
    $("#cnclButn").bind("click", formIniz);
});

/*
 * 리스트페이지 이동
 */
function moveListPage() {
    $("#hiddenForm").attr('action','/nw_200_01.do').submit();
}

/*
 * Form Submit
 */
function blcSubm() {
    if (!validateForm($("#mainForm"))) {
        return;
    }
    
    if (!isSchrChk($("#titl").val())) {
        alert("[제목] 은 특수문자(!#$%^&*|'<>-;)를 입력할 수 없습니다.");
        $("#titl").focus();
        return;
    }
    
    if ($("#contCd").val() == "") {
        alert("[Continent] 은 필수 항목입니다.");
        return;
    }
    
    if ($("#natCd").val() == "") {
        alert("[Country] 은 필수 항목입니다.");
        return;
    }
    
    if (document.twe.BodyValue == "<P style=\"FONT-FAMILY: gulim; FONT-SIZE: 9pt\"></P>") {
        alert("[내용] 을 입력해 주세요.");
        return;
    }
    
    // Editor Content
    $("#mime_contents").val(document.twe.MimeValue());
    
    $("#mainForm").attr('target','comIframe');
    if (getTxtBkmgRmov($("#mainForm #blbIdx").val()) != "") {
        $("#mainForm").attr('action','/nw_200_04.do');
    } else {
        $("#mainForm").attr('action','/nw_200_05.do');
    }
    $("#mainForm").submit();
}

/*
 * Form 초기화
 */
function formIniz() {
    $("form").each(function(){
       this.reset(); 
    });
    
    if (getTxtBkmgRmov($("#mainForm #blbIdx").val()) != "") {
        document.mainForm.twe.HtmlValue = $("#mime_contents").val();
    } else {
        document.twe.BodyValue = "<P style=\"FONT-FAMILY: gulim; FONT-SIZE: 9pt\"></P>";
    }
}

/*
 * DextUploadFL Thumbnail
 */
var uploadManager = null;

// 업로드 관리자에서 오류가 발생하면 호출됩니다.
function onErrorForDEXTUPMAN(err) {
    alert(err.code + "\r\n" + err.message + "\r\n" + err.detail);
}

function onApplicationReadyForDEXTUPMAN() {
    // 업로드 관리자 객체를 얻습니다.
    uploadManager = DEXTUploadFL.getUploadManager("DEXTUPMAN");    
    // 업로드 경로를 설정합니다. (상대경로가 아닌 전체경로가 필요합니다.)
    uploadManager.setUploadUrl("http://${rqInfo.domain}/CO000012.do");
    // 메타 정보 타입을 설정
    uploadManager.setCustomForm([
            { formName: "imgScn", formType: "text", title: "이미지구분", defaultVal: "T" }
    ]);
    // UI를 설정합니다.
    uploadManager.setUIStyle({
        fileList: { columnCount: 1 },           
        context: {
            edit: { visible: true, enabled: true }
        },
        tool: {
            edit: { enabled: false },
            transform: { enabled: false },
            crop: { enabled: true },
            thumbnail: { enabled: false }
        }
    });
    
    // 업로드할 확장자 제한
    uploadManager.setFilter([{ description: "이미지 파일", extension: "*.jpg;*.gif;*.png"}]);
    // 최대 파일 허용 개수 설정
    uploadManager.setMaxFileCount(1);
    // 개별 허용 크기를 설정합니다. - 10MB
    uploadManager.setMaxFileSize(10 * 1024 * 1024);
    // 전체 허용 크기를 설정합니다. - 10MB
    uploadManager.setMaxTotalFileSize(10 * 1024 * 1024);
    // 수정된 이미지는 원본과 함께 업로드합니다.
    uploadManager.setEnableUploadWithOriginalImage(false);
}

// 업로드 관리자가 업로드를 완료하면 호출됨
function onTransferCompletedForDEXTUPMAN() {
    // 업로드된 파일 정보를 폼 요소로 추가함.
    var upThumbInfo = uploadManager.getFileInfoByIndex(0);
    
    var reData = ""; // return data
    var reSplitData = ""; // return split data
    
    if (upThumbInfo.status == "completed") {
        reData = getTxtBkmgRmov(upThumbInfo.response);
        reSplitData = reData.split('|');
        
        if (reSplitData.length == 2) {
            if (getTxtBkmgRmov(reSplitData[0]) == "S0") {
                $("#thumnImgNm").val(reSplitData[1]);
            } else {
                alert("이미지 업로드가 되지 않았습니다. \n페이지 새로고침  후 다시 시도해 주십시오.");
            }
        } else {
            alert("이미지 업로드가 되지 않았습니다. \n페이지 새로고침  후 다시 시도해 주십시오.");
        }
    }
}

/*
 * 대륙 코드 리스트
 */
function getContCd() {
    var url = "/CO000014.do";
    
    ajaxSubmit(url, "", callbackContListJson);
}

/*
 * 대륙 코드 리스트 Ajax 결과
 */
function callbackContListJson(jsonData) {
    var evalData = eval(jsonData);
    
    if (evalData.jsonArray.length > 0 || evalData.jsonArray != null) {
        for (var i = 0; i < evalData.jsonArray.length; i++) {
            if (evalData.jsonArray[i].val == "${result.contCd}") {
                $("#contCd").append("<option value=\"" + evalData.jsonArray[i].dept2Idx + "\" selected>" + evalData.jsonArray[i].val + "</option>");
            } else {
                $("#contCd").append("<option value=\"" + evalData.jsonArray[i].dept2Idx + "\">" + evalData.jsonArray[i].val + "</option>");
            }
        }
    }
    
    <c:if test="${result.contCd != null }">
    getNatCd($("#contCd").val());
    </c:if>
}

/*
 * 국가코드리스트
 */
function getNatCd(val) {
    var url = "/CO000015.do";
    var param = "dept2Idx=" + val;
    
    ajaxSubmit(url, param, callbackNatListJson);
}

/*
 * 국가코드리스트 Ajax 결과
 */
function callbackNatListJson(jsonData) {
    var evalData = eval(jsonData);
    
    $("#natCd").empty().data('options'); 
    $("#natCd").append("<option value=\"\" selected>Country</option>");
    if (evalData.jsonArray.length > 0 || evalData.jsonArray != null) {
        for (var i = 0; i < evalData.jsonArray.length; i++) {
            if (evalData.jsonArray[i].val == "${result.natCd}") {
                $("#natCd").append("<option value=\"" + evalData.jsonArray[i].dept3Idx + "\" selected>" + evalData.jsonArray[i].val + "</option>");
            } else {
                $("#natCd").append("<option value=\"" + evalData.jsonArray[i].dept3Idx + "\">" + evalData.jsonArray[i].val + "</option>");
            }
        }
    }
}
//-->
</script>
<script language="JScript" FOR="twe" EVENT="OnControlInit()">
    var form = document.mainForm;
    form.twe.HtmlValue = form.mime_contents.value;
</script>
</head>
<body>
<div id="wrap">
    
    <!-- top -->
    <%@ include file="/WEB-INF/jsp/co/mn/include/top.jsp" %>
    <!-- top -->

    <!-- container -->
    <div id="container">
        
        <!-- LNB -->
        <%@ include file="/WEB-INF/jsp/co/mn/include/left.jsp" %>
        <!-- LNB -->
        
        <div id="contents">
            
            <!-- location -->
            <%@ include file="/WEB-INF/jsp/co/mn/include/location.jsp" %>
            <!-- location -->
            
            <%-- request --%>
            <form id="hiddenForm" name="hiddenForm" method="post">
                <input type="hidden" id="currentPageNo" name="currentPageNo" value="${rqInfo.currentPageNo }" />
                <input type="hidden" id="srchScn" name="srchScn" value="${rqInfo.srchScn }" />
                <input type="hidden" id="srchTxt" name="srchTxt" value="${rqInfo.srchTxt }" />
            </form>
            
            <p class="msgRequired"><span>*</span>표시는 필수 입력항목입니다</p>
            <form id="mainForm" name="mainForm" method="post" enctype="multipart/form-data">
                <input type="hidden" id="currentPageNo" name="currentPageNo" value="${rqInfo.currentPageNo }" />
                <input type="hidden" id="srchScn" name="srchScn" value="${rqInfo.srchScn }" />
                <input type="hidden" id="srchTxt" name="srchTxt" value="${rqInfo.srchTxt }" />
                
                <input type="hidden" id="blbIdx" name="blbIdx" value="${result.blbIdx }" />
                <%-- 업로드 Thumbnail 이미지 정보 --%>
                <input type="hidden" id="thumnImgNm" name="thumnImgNm" value="" />
            <table border="1" class="frmTable" summary="CSR 소식 관리의 제목,구분,첨부파일,내용,메인썸네일을 입력 또는 등록하는 표">
                <col width="25%" />
                <col width="75%" />
                <tbody>
                    <tr>
                        <th><sup>*</sup>제목</th>
                        <td><input type="text" title="제목" maxlength="200" id="titl" name="titl" value="${result.titl }" nullable="true" minbyte="1" /></td>
                    </tr>
                    <tr>
                        <th><sup>*</sup>구분</th>
                        <td>
                            <select id="contCd" name="contCd" onchange="getNatCd(this.value);">
                                <option value="">Continent</option>
                            </select>
                            <select id="natCd" name="natCd">
                                <option value="">Country</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>정렬순서</th>
                        <td>
                            <select id="sortNum" name="sortNum" style="width:90px;">
                                <option value="1" <c:if test="${result.sortNum == 1 }"><c:out value="selected"/></c:if>>일반노출</option>
                                <option value="0" <c:if test="${result.sortNum <1 }"><c:out value="selected"/></c:if>>우선노출</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>첨부파일</th>
                        <td>
                            <div class="imgUpload">
                                <p><able:file name="attcFile" fixed="true" filename="" maxsize="30" sizeunit="M" sub="common" classType=""/></p>
                            </div>
                            <p class="attach"><span>[10MB이하]</span> hwp, doc, docx, ppt, pptx, ppts, xls, xlsx, txt 파일 업로드 가능</p>
                            <c:if test="${result.filNm != null }">
                            <div style="padding-top:5px;"><a href="#" onclick="getUpFileDownload('0050','${result.blbIdx}');return false;">${result.filNm }</a></div>
                            </c:if>
                        </td>
                    </tr>
                    <tr>
                        <th><sup>*</sup>내용</th>
                        <td>
                            <input type="hidden" id="mime_contents" name="mime_contents" title="내용" value="${result.sbc }" />
                            <script language="jscript" src="/editor/tweditor.js"></script>
                        </td>
                    </tr>
                    <tr>
                        <th><sup>*</sup>메인 썸네일</th>
                        <td>
                            <div class="imgUpload">
                                <p>
                                    <div id="manager_container" style="width:100%;height:300px;margin-top:5px;"></div>
                                    <script type="text/javascript">
                                        DEXTUploadFL.createUploadManager(
                                            "manager_container", // target div container
                                            "DEXTUPMAN", // id
                                            "/dextuploadfl/DEXT_TILE_UP_MANAGER.swf", // swf path
                                            "#ffffff", // background color
                                            "window", // window, transparent
                                            "", // ko, en
                                            "", // reserved name
                                            "simple", // simple, monitor
                                            "ForDEXTUPMAN" // fostfix name
                                        );
                                    </script>
                                </p>
                                <p class="mainFile">확장자는 jpg, gif, png 만 가능하며, 10MB이하의 파일을 업데이트 해주세요.<br />이미지의 사이즈는 250*150px 사이즈를 준수해주시기 바랍니다.</p>
                            </div>
                            <c:if test="${result.thumnImgNm != null }">
                            <div><b>기존 썸네일 : </b><a href="#" onclick="getImgPopup('/upfile/${result.thumnImgPath }/${result.thumnImgNm}');return false;">${result.thumnImgNm }</a></div>
                            </c:if>
                        </td>
                    </tr>
                </tbody>
            </table>
            </form>
            <div class="btnBoard">
                <span class="flow">
                    <input type="submit" id="listButn" title="목록" value="목록" />
                </span>
                <span class="reverse">
                    <input type="submit" id="rgstButn" title="등록" value="등록" />
                    <input type="submit" id="cnclButn" title="취소" value="취소" />
                </span>
            </div>
        </div>
    </div>
    <!-- /container -->

    <!-- footer -->
    <%@ include file="/WEB-INF/jsp/co/mn/include/bottom.jsp" %>
    <!-- /footer -->
    
</div>
</body>
</html>